<template>
  <div id="app">
    <router-view />
    <theme-picker />
  </div>
</template>

<script>
  import ThemePicker from "@/components/ThemePicker";

  export default {
    name: "App",
    components: {
      ThemePicker
    },
    metaInfo() {
      return {
        title: this.$store.state.settings.dynamicTitle && this.$store.state.settings.title,
        titleTemplate: title => {
          return title ? `${title} - ${process.env.VUE_APP_TITLE}` : process.env.VUE_APP_TITLE
        }
      }
    }
  };
</script>
<style lang="scss">
  #app .theme-picker {
    display: none;
  }

  .pagination-container {
    margin-top: 0px;
  }

  .app-container {
    height: calc(100vh - 50px);
    overflow: auto;
    font-size: 14px;
    // background-color:  #f0f0f0;
  }


  .hasTagsView {
    .app-container {
      height: calc(100vh - 84px);
    }

  }

  .grid_checkbox {
    .el-checkbox__label {
      font-weight: bold;
    }

    .el-checkbox__input.is-checked+.el-checkbox__label {
      color: #000000;
    }
  }

  .grid_print {
    .el-checkbox__inner {
      border: 2px solid #000000;
    }

    .el-input {
      height: 38px;

      input {
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        height: 30px;
        // padding-bottom: 10px;
        text-indent: 5px;
        background: transparent;
        border: none;
        border-radius: 0;
        color: #333;
        border-bottom: 1px solid #5d5d5d;
        padding-left: 3px;
      }
    }

    .el-textarea__inner {
      text-align: left;
      font-weight: bold;
      font-size: 14px;
      // height: 30px;
      // padding-bottom: 10px;
      text-indent: 5px;
      background: transparent;
      border: none;
      border-radius: 0;
      color: #333;
      // border-bottom: 1px solid #5d5d5d;
      padding-left: 3px;
    }

    .el-button--small {
      padding: 3px;
      font-size: 16px;
    }
  }

  .el-select .el-select__tags {
    display: flex;
    flex-wrap: nowrap;
    overflow-x: hidden;
  }

  .el-select .el-select__tags .el-tag {
    flex-shrink: 0;
  }

  .setDisable {
    .cell {
      visibility: hidden;
    }
  }

   .anchorBL {
    display: none !important;
  }
  .el-link.el-link--primary {
    color: #337ab7;

  }

  .el-link.el-link--primary:hover {
    color: #20a0ff;

  }
</style>
